<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorator="layout/default">
<head>
   <link rel="stylesheet" type="text/css"  href="/css/home.css" th:href="@{/css/home.css}" />
</head>
<body>
<section layout:fragment="content" ng-controller="homeCtrl">
   <div class="mui-content">
      <div class="mui-row home-header">
         <div class="mui-col-sm-2 mui-col-xs-2">
            <span class="mui-icon iconfont icon-saoyisao"></span>
         </div>
         <div class="mui-col-sm-8 mui-col-xs-8 text-center eyc-title">
             易验车
         </div>
         <div class="mui-col-sm-2 mui-col-xs-2">
            <button type="button"  data-loading-icon="mui-spinner mui-spinner-custom"  class="mui-btn mui-btn-primary">登录</button>
         </div>
      </div>
   </div>
   <div class="mui-slider">
      <div class="mui-slider-group mui-slider-loop">
         <!--支持循环，需要重复图片节点-->
         <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img th:src="@{/images/banner.jpg}" /></a></div>
         <div class="mui-slider-item"><a href="#"><img th:src="@{/images/banner.jpg}" /></a></div>
         <div class="mui-slider-item"><a href="#"><img th:src="@{/images/banner2.jpg}" /></a></div>
         <div class="mui-slider-item"><a href="#"><img th:src="@{/images/banner3.jpg}" /></a></div>
         <!--支持循环，需要重复图片节点-->
         <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img th:src="@{/images/banner2.jpg}" /></a></div>
      </div>
      <div class="home-notice">
         <div class="home-notice-content">
           <span>通知</span><span>通知</span>
         </div>
      </div>
   </div>
   <div class="mui-content eyc-background">
      <div class="mui-row">
         <div class="mui-col-sm-2 mui-col-xs-2 eyc-w-20 car-item" ng-repeat="item in items">
            <a class="mui-tab-item">
               <img th:src="@{/images/车辆-年检2.png}">
               <div ng-bind="item.title"></div>
            </a>
         </div>
      </div>
   </div>
   <div class="mui-content home-news">
      <div class="mui-row home-news-summary">
         <div class="mui-col-sm-8 mui-col-xs-8"><span></span><b>新闻资讯</b></div>
         <div class="mui-col-sm-4 mui-col-xs-4 text-right"><b>更多</b><span class="mui-icon mui-icon mui-icon-forward"></span></div>
      </div>
      <ul class="mui-table-view" th:if="${isShowBar==null || isShowBar}">
         <li class="mui-table-view-cell mui-media">
            <a href="javascript:;">
               <img class="mui-media-object mui-pull-left" src="../images/shuijiao.jpg">
               <div class="mui-media-body">
                  幸福
                  <p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
               </div>
            </a>
         </li>
         <li class="mui-table-view-cell mui-media">
            <a href="javascript:;">
               <img class="mui-media-object mui-pull-left" src="../images/muwu.jpg">
               <div class="mui-media-body">
                  木屋
                  <p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
               </div>
            </a>
         </li>
         <li class="mui-table-view-cell mui-media">
            <a href="javascript:;">
               <img class="mui-media-object mui-pull-left" src="../images/cbd.jpg">
               <div class="mui-media-body">
                  CBD
                  <p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
               </div>
            </a>
         </li>
         <li class="mui-table-view-cell mui-media">
            <a href="javascript:;">
               <img class="mui-media-object mui-pull-left" src="../images/cbd.jpg">
               <div class="mui-media-body">
                  CBD
                  <p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
               </div>
            </a>
         </li>
      </ul>
   </div>

   <script type="text/javascript">
      app.controller('homeCtrl', function ($scope) {
         $scope.items = [{title: '车辆年检'},
            {title: '二手估价'},
            {title: '违章待办'},
            {title: '车辆保险'},
            {title: '介绍赚钱'},
            {title: '新车区'},
            {title: '二手车区'},
            {title: '故障维修'},
            {title: '装潢改装'},
            {title: '平台估价'}
         ];

      });
      mui(document.body).on('tap', '.mui-btn', function(e) {
         mui(this).button('loading');
         setTimeout(function() {
            mui(this).button('reset');
         }.bind(this), 2000);
      });
   </script>
</section>
</body>
</html>